<template>
  <div class="view-container">
    <div class="main-content">
      <div class="list-container">
        <contact :contract-data="queryParams" :contract-params="queryParams" :boole-id="true" />
      </div>
    </div>
  </div>
</template>

<script>
import {defineAsyncComponent, reactive, toRefs,} from 'vue'
import {crmStore} from '@CRM/store'

export default {
  name: 'Index',
  components: {
    contact: defineAsyncComponent(() => import('@CRM/views/commonView/contract/contract.vue'))
  },
  setup(propes, context) {
    var data = reactive({
      queryParams: {
        id: '',
        name: '',
        contractType: '',
        contractObjectType: '',
        title: '合同详情',
        disabled: false,
      },
      contractTypeData:
          crmStore.getters['dictionary/getDictionary']['contract_type'],
      contractObjectTypeData:
          crmStore.getters['dictionary/getDictionary']['contract_object'],
    })

    const handlReset = () => {
      data.queryParams = {
        id: '',
        name: '',
        contractType: '',
        contractObjectType: '',
        title: '合同详情',
        disabled: false,
      }
    }

    const handlSearch = () => {

    }

    return {
      ...toRefs(data),
      handlReset,
    }
  }
}

</script>

<style scoped>
  /* @import url(); 引入css类 */
</style>
